<template>
	<div class="detail-wrapper">
		<detail-name :name="name">
		</detail-name>

		<detail-stars :starNum="starNum" :score="score"></detail-stars>

		<detail-address :address="address">
		</detail-address>

		<detail-price :price="price">
		</detail-price>

		<detail-open-date-time :openDateTime="openDateTime">
		</detail-open-date-time>

		<detail-recom :recom="recom">
		</detail-recom>

		<detail-comment-keyword :commentKeyword="commentKeyword">
		</detail-comment-keyword>
	</div>
</template>

<script>
import DetailName from './Sub/Name';
import DetailStars from './Sub/Stars';
import DetailAddress from './Sub/Address';
import DetailPrice from './Sub/Price';
import DetailOpenDateTime from './Sub/OpenDateTime';
import DetailRecom from './Sub/Recom';
import DetailCommentKeyword from './Sub/CommentKeyword';

export default {
	name: 'DetailFood',
	components: {
		DetailName,
		DetailStars,
		DetailAddress,
		DetailPrice,
		DetailOpenDateTime,
		DetailRecom,
		DetailCommentKeyword
	},
	props: {
		name: String,
		starNum: Number,
		score: String,
		address: String,
		price: Number,
		openDateTime: String,
		recom: String,
		commentKeyword: Array
	}
}
</script>

<style lang="scss" scoped>

</style>
